<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">

		table tr td{
			width: 200px;
		}
		table tr th{
			width: 200px;
			height: 40px;
		}
		.sp span{
			margin-right: 100px;
		}
		.img {
			height: 70px;
			width: 70px;
		}
		* {
			margin: 0 auto;
			padding: 0;
		}
		#ul1 li{
			list-style: none;
			float: left;
			margin-left: 26px;
			color: #FFFFFF;
			font-size: 13px;
		}
		#ul1 li a{
			color: #ffffff;
			text-decoration: none;
		}
		#ul1 li a:hover{
			color: #FFFF00;
		}
	</style>
</head>
<body>
<div>
	<%--第一部分--%>
	<div style="width: 100%;height: 34px;background-color: #efefef">
		<div style="text-align:right;font-size: 14px;line-height: 34px;width: 1000px;padding-right: 20px">
			官方网站<a href="https://www.gec.com">https://www.gec.com</a>
			[<a href="http://localhost:8080/${pageContext.request.contextPath}/login.jsp">张三</a>]

			[<a href="http://localhost:8080/${pageContext.request.contextPath}/informationListServlet">我的购物车</a>]
			[<a href="http://localhost:8080/${pageContext.request.contextPath}/orderForm.jsp">我的订单</a>]
			<a href="#">设置为首页</a>
			|<a href="#">加入收藏</a>
		</div>
	</div>

	<%--第二部分--%>
	<div>
		<div style="width: 1000px;margin-top: 20px">
			<table>
				<tr>
					<td><img src="img/article/logo.gif"></td>
					<td><img src="img/banner.gif"></td>
					<td><a href="#" style="border:1px solid #CCCCCC;text-decoration: none;color: #CCCCCC;font-size: 12px">&nbsp;&nbsp;关于我们&nbsp;&nbsp;</a><br><br><a href="#" style="border:1px solid #CCCCCC;text-decoration: none;color: #CCCCCC;font-size: 12px">&nbsp;&nbsp;联系方式&nbsp;&nbsp;</a></td>
				</tr>
			</table>
		</div>
	</div>

	<%--第三部分--%>
	<div style="width: 100%;height: 30px;background-color: #CC3333;margin-top: 20px">
		<div style="width: 1024px;line-height: 30px;text-align: center">
			<ul id="ul1">
				<li><a href="index.do"target="_blank">首页</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0001">护肤</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0002">彩妆</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0003">香氛</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0004">身体护理</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0005">礼盒套装</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0006">母婴专区</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0007">男士专区</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0008">粉底</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0009">粉饼</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0010">睫毛膏</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0011">唇彩</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0012">腮红</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0013">食品保健</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0014">瘦身类</a></li>
				<li><a href="http://localhost:8080/${pageContext.request.contextPath}/index.do?type_code=0015">美容类</a></li>
			</ul>
		</div>
	</div>
</div>

<div style="background-color: #aacded; width: 1000px;height: 840px; text-align: start;" >
	<font size="3" style="margin-left: 30px ;position: absolute;margin-top: 10px;">
		订单信息查询
<%--
		<a href="#" style="margin-left: 780px;">去结算</a>
--%>
	</font>


	<div style="width: 980px; height: 800px; position: absolute; margin-top: 40px; margin-left: 10px; background-color: white;"  >
		<br>
		<div style="margin-left: 10px;">
			<span style="color: red;font-weight: 700; margin-left: 20px;">张三</span>
			: 您好, 您当前总共有xx个订单, [ 点击订单可现实该订单下的购物明细]
			<br>
			<br>
			<div id="" style="background-color: #f5f6f7;width: 970px; height: 750px;   overflow-x:hidden;overflow-y:auto;">
				<table style="text-align: center; " border="0" cellpadding="0" cellspacing="0">
					<tr bgcolor="#fff4d7">
						<th>订单编号</th>
						<th>下单时间</th>
						<th>发货时间</th>
						<th>订单状态</th>
						<th>订单总额</th>

					</tr>
					<tr>
						<td>HDHSHSDHS424</td>
						<td>2010-1-1</td>
						<td></td>
						<td></td>
						<td>78287</td>
					</tr>

					<tr bgcolor="#cccccc">
						<th>物品图片</th>
						<th>标题</th>
						<th>供应商</th>
						<th>价格</th>
						<th>购买数量</th>
					</tr>
					<tr>
						<td>
							<img src="img/article/20130331_111_1.jpg" />
						</td>
						<td>谜尚(MISSHA)魅力嫩白 柔护霜SPF30+/PA+++ 21# 50ml 两款包装随机发货 同时代替防晒、隔离、遮瑕和粉底 完美遮瑕，带给肌肤清爽柔滑的使用感受 多种功效齐集一身，各种问题一瓶搞定</td>
						<td>谜尚魅力嫩白柔护霜</td>
						<td>108</td>
						<td>14</td>
					</tr>
					<tr><th></th></tr>
					<!-- ---------------------------------------- -->
					<tr bgcolor="#fff4d7">
						<th>订单编号</th>
						<th>下单时间</th>
						<th>发货时间</th>
						<th>订单状态</th>
						<th>订单总额</th>

					</tr>
					<tr>
						<td>HDHSHSDHS53353</td>
						<td>2010-1-1</td>
						<td></td>
						<td></td>
						<td>78287</td>
					</tr>


					<tr bgcolor="#cccccc">
						<th>物品图片</th>
						<th>标题</th>
						<th>供应商</th>
						<th>价格</th>
						<th>购买数量</th>
					</tr>
					<tr>
						<td>
							<img src="img/article/20130331_1_3.jpg" />
						</td>
						<td>Cetaphil丝塔芙洁面乳 237ml 名副其实的洁面冠军 无与伦比的温和洁面新体验 所有肤质全部适用</td>
						<td>Cetaphil丝塔芙洁面乳 237ml</td>
						<td>108</td>
						<td>14</td>
					</tr>
					<tr><th></th></tr>
					<tr bgcolor="#fff4d7">
						<th>订单编号</th>
						<th>下单时间</th>
						<th>发货时间</th>
						<th>订单状态</th>
						<th>订单总额</th>

					</tr>
					<tr>
						<td>HDHSHSDHS64462</td>
						<td>2010-1-1</td>
						<td></td>
						<td></td>
						<td>78287</td>
					</tr>

					<tr bgcolor="#cccccc">
						<th>物品图片</th>
						<th>标题</th>
						<th>供应商</th>
						<th>价格</th>
						<th>购买数量</th>
					</tr>
					<tr>
						<td>
							<img src="img/article/20130331_1_17.jpg" />
						</td>
						<td>佰草集平衡洁面乳 100ml 萃取中草药精华，从根本上改善肌肤干燥、过敏不适等症状 令干燥部位变得滋润，油腻部位变得爽适 性质温和，泡沫细腻，清洁保湿且使用后水嫩不紧绷</td>
						<td>佰草集平衡洁面乳</td>
						<td>108</td>
						<td>14</td>
					</tr>
					<tr><th></th></tr>
					<tr bgcolor="#fff4d7">
						<th>订单编号</th>
						<th>下单时间</th>
						<th>发货时间</th>
						<th>订单状态</th>
						<th>订单总额</th>

					</tr>
					<tr>
						<td>HDHSHSDHS4236</td>
						<td>2010-1-1</td>
						<td></td>
						<td></td>
						<td>78287</td>
					</tr>

					<tr bgcolor="#cccccc">
						<th>物品图片</th>
						<th>标题</th>
						<th>供应商</th>
						<th>价格</th>
						<th>购买数量</th>
					</tr>
					<tr>
						<td>
							<img src="img/article/20130331_2_3.jpg" />
						</td>
						<td>雪肌精化妆水200ml KOSE排行榜第一名明星产品 让你的肌肤如雪般晶莹剔透 充分润泽，修复粗糙无光泽的肌肤纹理 </td>
						<td> 雪肌精化妆水</td>
						<td>108</td>
						<td>14</td>
					</tr>
					<tr><th></th></tr>
					<!-- ---------------------------------------------- -->
				</table>
			</div>
		</div>
	</div>
	<br>

</div>
<div style=" text-align: center;">
	<img src="img/step.jpg" style="width: 80%">
</div>
</body>
</html>
